html,
body {
  width: 100vw;
  height: 100vh;
}
#app {
  width: 100%;
  height: 100%;
  position: relative;
}
#app .step {
  width: 100%;
  color: #404040;
}
#app .step .el-step__icon {
  display: none;
}
#app .step .iconfont {
  font-size: 20px;
  color: #36b3df;
}
#app .form {
  width: 50%;
  position: relative;
  top: 50%;
  left: 55%;
  transform: translateX(-50%) translateY(-50%);
}
#app .form .name {
  width: 120px;
  font-size: 20px;
}
#app .form .name .el-form-item__label {
  font-size: large;
}
#app .form .el-form-item__content {
  margin-left: 150px !important;
  display: flex;
}
#app .form .el-form-item__content .getcode {
  width: 200px;
}
#app .form .el-input__inner {
  width: 500px;
  height: 50px;
}
#app .form .el-input__suffix {
  display: none;
}
#app .el-alert--warning.is-light {
  background-color: #f0f8fd;
  color: #36b3df;
}
#app .accomplish {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#app .accomplish .nav {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
}
#app .accomplish .nav span {
  display: inline-block;
  font-size: 35px;
  color: #00a854;
}
#app .accomplish .nav .text {
  width: 500px;
  margin-left: 50px;
  display: flex;
  flex-direction: column;
}
.verificate {
  width: 300px !important;
  height: 50px;
}
.verificate .el-input__inner {
  width: 300px !important;
  height: 50px;
}
